<template>
  <div>
    <img
      src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2022%252F1110%252F9a31d030j00rl47n8001uc000hs011ag.jpg%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670763855&t=4465cfc265bb3169ab5225c644894e31"
      alt=""
    />
    <p @click="change" :class="{ red: bool }">这是一个非常漂亮的大美女</p>
  </div>
</template>

<script>
export default {
  props: [],

  data() {
    return {
      bool: false,
    };
  },

  methods: {
    change() {
      this.bool = !this.bool;
    },
  },
};
</script>

<style  scoped>
img {
  height: 500px;
}
.red {
  color: aqua;
}
</style>>
</style>